<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<!-- 引入jquery -->
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入cookie插件 -->
		<script src="js/jquery-cookie.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入公共方法 -->
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入页面初始化方法 -->
		<script src="js/initial.js" type="text/javascript" charset="utf-8"></script>
		<!--根据银行卡号判断所属银行-->
		<script src="js/bankCard-Name.js"></script>
		<script src="js/index.js"></script>

		<!--校验函数-->
		<script src="js/checkFunction.js"></script>
		<!--校验输入框-->
		<script src="js/checkInput.js"></script>
		<!--注册-->
		<script src="js/register.js"></script>

		<link rel="stylesheet" type="text/css" href="sass/index.css" />
		<link rel="stylesheet" type="text/css" href="sass/t2.css" />
		<script type="text/javascript">
			$(function() {
				var token = $.cookie('token');
				var phone = $.cookie('phone');
				console.log(phone)
				if (token == 'null') {
					$("#rgFont").addClass('block')
					$("#lgFont").css('display', 'block')
					$("#notAdmin").css('display', 'none')
					$("#admin").css('display', 'none')
				}
				if (token != 'null' && phone != "admin") {
					$("#rgFont").addClass('none')
					$("#lgFont").addClass('none')
					$("#notAdmin").addClass('block')
				}
				if (token != 'null' && phone == "admin") {
					$("#rgFont").addClass('none')
					$("#lgFont").addClass('none')
					$("#notAdmin").addClass('none')
					$("#admin").addClass('block')
				}

				// }else{
				// 					$("#rgFont").addClass('none')
				// 					$("#lgFont").addClass('none')
				// 					$("#notAdmin").addClass('block')
				// 					$(".firstBody").css('display', 'block')
				// 					$(".body").css("display", "none")
				// 				}

				$("#firstPage").click(function() {
					window.location.href = '/p2p/static/index.html';
				})
				$("#rgFont").click(function() {
					$(".firstBody").addClass('none')
					$(".body").css("display", "block")
					$(".register-body").show().siblings().hide()
					$(".firstBody").css("display", "none")
				})
				$("#lgFont").click(function() {
					$(".firstBody").addClass('none')
					$(".body").css("display", "block")
					$(".lg-body").show().siblings().hide()
					$(".firstBody").css("display", "none")
				})
				$("#notAdmin").click(function() {
					$(".firstBody").css('display', 'none')
					$(".body").css("display", "block")
					$(".person-body").show().siblings().hide()
				})
                $("#admin").click(function() {
                    $(".firstBody").css('display', 'none')
                    $(".body").css("display", "block")
                    $(".adminNAV-body").show().siblings().hide()
                })
				// 个人中心  点击换页
                // 实名认证
				$("#renameFont").click(function() {
					$(".rename-body").show().siblings().hide()
				})
                // 设置交易密码
				$("#newpaypdFont").click(function() {
					$(".newpaypd-body").show().siblings().hide()
				})
                // 绑定银行卡
				$("#bindingbankcardFont").click(function() {
					$(".bindingbankcard-body").show().siblings().hide()
				})
                // 充值
				$("#rechargeFont").click(function() {
					$(".recharge-body").show().siblings().hide()
				})
                // 个人投资项目
				$("#queryinvestmentFont").click(function() {
					$(".queryinvestment-body").show().siblings().hide()
				})
                // 解绑卡
				$("#ubcardFont").click(function() {
					$(".ubcard-body").show().siblings().hide()
				})
                // 修改支付密码
				$("#chpwdFont").click(function() {
					$(".chpwd-body").show().siblings().hide()
				})
                // 修改登录密码
				$("#chpwdLogFont").click(function() {
					$(".chpwdLogin-body").show().siblings().hide()
				})
                // 提现
				$("#consumptionFont").click(function() {
					$(".consumption-body").show().siblings().hide()
				})
                // 注销账号（删除账号信息）
                $("#LogoutFont").click(function() {
                    $(".Logout-body").show().siblings().hide()
                })

                // 发布项目
                $("#proReleaseFont").click(function() {
                    $(".proRelease-body").show().siblings().hide()
                })


			})
		</script>
	</head>
	<body>
		<!-- header -->
		<div class="header">
			<div class="inner flexRow">
				<div class="logo">
					<a href="#">
						<img src="images/xyw-logo.jpg" alt="" style="height: 60px; margin-top: 20px;">
					</a>
				</div>
				<div class="nav">
					<ul class="flexRow">
						<li class="footFont" id="firstPage">主页</li>
						<!-- <li class="footFont">债权交易</li> -->
						<li style="position: relative;">
							<span class="footFont " id="rgFont">注册/</span>
							<span class="footFont " style="position:absolute;top:0px;right: -40px ;" id="lgFont">登录</span>
							<span class="footFont none" id="admin">管理平台</span>
							<span class="footFont none" id="notAdmin">个人中心</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--body-->
		<div class="body none" id="l-r-body">
			<div class="inner">
				<!-- 注册 -->
				<div class="register-body none">
					<table class="flexCom" id="register">
						<tr>
							<th class="titleFont">注册</th>
						</tr>
						<tr>
							<td class="smallFont">手机号</td>
							<td>
								<input type="tel" name="phone" value="" placeholder="请输入手机号" />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">手机验证码</td>
							<td>
								<input type="text" name="smsVerificationCode" value="" placeholder='请输入验证码' style="width: 160px;" />
								<input type="button" id="rgCodebtn" value="点击获取验证码" style="width: 130px;margin-left: 5px;">
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">密码</td>
							<td>
								<input type="password" name="passWd" value="" placeholder='请输入密码' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">重复密码</td>
							<td>
								<input type="password" name="passWord" value="" placeholder='请再次输入验密码' />
								<p class="prompt" name="msg4"></p>
							</td>
						</tr>

					</table>
					<button class="clickBtn" id="registerBTN">注册</button>
				</div>
				<!-- 登录 -->
				<div class="lg-body none">
					<table class="flexCom" id="longin">
						<tr>
							<!-- title -->
							<th class="titleFont">登录</th>
						</tr>
						<tr>
							<td class="smallFont">手机号</td>
							<td>
								<input type="text" name="phone" value="" placeholder='请输入手机号' />
								<p class="prompt"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">密码</td>
							<td>
								<input type="password" name="passWd" value="" placeholder='请输入验密码' />
								<p class="prompt" name="msg"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="longinBtn">登录</button>
				</div>
				<!-- 非admin账户、普通用户 -->
				<!-- 个人中心 -->
				<div class="person-body none">
					<ul class="flexRow">
						<li id="renameFont">实名认证</li>
						<li id="newpaypdFont">设置交易密码</li>
						<li id="bindingbankcardFont">绑定银行卡</li>
						<li id="rechargeFont">充值</li>
						<li id="queryinvestmentFont">投资信息</li>
						<li id="consumptionFont">提现</li>
						<li id="ubcardFont">解绑卡</li>
						<li id="chpwdFont">修改支付密码</li>
						<li id="chpwdLogFont">修改登录密码</li>
                        <li id="LogoutFont">删除账号信息</li>
						<li id="quitFont">退出登录</li>
					</ul>
				</div>
				<!-- 实名认证 -->
				<div class="rename-body none">
					<table id="realcertification" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">实名认证</th>
						</tr>
						<tr>
							<td class="smallFont">姓名</td>
							<td>
								<input type="text" name="userName" value="" placeholder='请输入姓名' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">身份证号</td>
							<td>
								<input type="text" name="idCard" value="" placeholder='请输入身份证号' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="realcertificationBTN">提交</button>
				</div>
				<!-- 设置交易密码 -->
				<div class="newpaypd-body none">
					<table id="newpaypd" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">设置交易密码</th>
						</tr>
						<tr>
							<td class="smallFont">支付密码</td>
							<td>
								<input type="password" name="newPaymentPassword" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">确认支付密码</td>
							<td>
								<input type="password" name="new-PaymentPassword" value="" placeholder='请确认支付密码' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="newpaypdBTN">提交</button>
				</div>
				<!-- 绑定银行卡 -->
				<div class="bindingbankcard-body none">
					<table id="bindingbankcard" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">绑定银行卡</th>
						</tr>
						<tr>
							<td class="smallFont">银行卡号</td>
							<td>
								<input type="text" name="bankCardNumber" value="" placeholder='请输入银行卡号' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<!--<tr>-->
						<!--<td class="smallFont">账号</td>-->
						<!--<td><input type="text" name="phone" value="" placeholder='请输入支付密码' /></td>-->
						<!--</tr>-->
						<tr>
							<td class="smallFont">银行卡归属</td>
							<td>
								<input type="text" name="bankName" value="" placeholder='银行卡归属' disabled="disabled" />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">姓名</td>
							<td>
								<input type="text" name="cardholderName" value="" placeholder='请输入姓名' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">身份证号</td>
							<td>
								<input type="text" name="idCard" value="" placeholder='请输入身份证号' />
								<p class="prompt" name="msg4"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">支付密码</td>
							<td>
								<input type="password" name="paymentPassword" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg5"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="bindingbankcardBTN" style="bottom: 25px;">提交</button>
				</div>
				<!-- 充值 -->
				<div class="recharge-body none">
					<table id="recharge" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">充值</th>
						</tr>
						<tr>
							<!--<td class="smallFont">手机号</td>-->
							<!--<td><input type="text" name="phone" value="" /placeholder='请输入手机号'> </td> </tr> <tr>-->
							<td class="smallFont">银行卡号</td>
							<td>
								<input type="text" name="bankCardNumber" value="" placeholder='请输入银行卡号' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">支付密码</td>
							<td>
								<input type="password" name="paymentPassword" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">充值金额</td>
							<td>
								<input type="text" name="number" value="" placeholder='请输入充值金额' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="rechargeBTN">提交</button>
				</div>
				<!-- 个人投资项目 -->
				<div class="queryinvestment-body message none" id="queryinvestment"></div>
				<!-- 提现 -->
				<div class="consumption-body none">
					<table id="consumption" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">提现</th>
						</tr>
						<tr>
							<!--<td class="smallFont">手机号</td>-->
							<!--<td><input type="text" name="phone" value="" /placeholder='请输入手机号'> </td> </tr> <tr>-->
							<td class="smallFont">银行卡号</td>
							<td>
								<input type="text" name="bankCardNumber" value="" placeholder='请输入银行卡号' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">提现金额</td>
							<td>
								<input type="text" name="balance" value="" placeholder='提现金额' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">支付密码</td>
							<td>
								<input type="password" name="paymentPassword" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="consumptionBTN">提交</button>
				</div>
				<!-- 解绑卡 -->
				<div class="ubcard-body none">
					<table id="ubcard" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">解绑卡</th>
						</tr>
						<tr>
							<!--<td class="smallFont">手机号</td>-->
							<!--<td><input type="text" name="phone" value="" /placeholder='请输入手机号'> </td> </tr> <tr>-->
							<td class="smallFont">银行卡号</td>
							<td>
								<input type="text" name="bankCardNumber" value="" placeholder='请输入银行卡号' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">支付密码</td>
							<td>
								<input type="password" name="paymentPassword" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="ubcardBTN">提交</button>
				</div>
				<!-- 修改支付密码 -->
				<div class="chpwd-body none">
					<table id="chpwd" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">修改支付密码</th>
						</tr>
						<tr>
							<td class="smallFont">输入旧密码</td>
							<td>
								<input type="password" name="originalPasswd" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">输入新密码</td>
							<td>
								<input type="password" name="newPasswd" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">确认新密码</td>
							<td>
								<input type="password" name="repeatPasswd" value="" placeholder='请输入支付密码' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="chpwdBTN">提交</button>
				</div>
				<!-- 修改登录密码 -->
				<div class="chpwdLogin-body none">
					<table id="chpwdLogin" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">修改登录密码</th>
						</tr>
						<tr>
							<td class="smallFont">输入旧密码</td>
							<td>
								<input type="password" name="originalPasswd" value="" placeholder='请输入登录密码' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">输入新密码</td>
							<td>
								<input type="password" name="newPasswd" value="" placeholder='请输入登录密码' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">确认新密码</td>
							<td>
								<input type="password" name="repeatPasswd" value="" placeholder='请输入登录密码' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="chpwdLoginBTN">提交</button>
				</div>
				<!-- 注销账号（删除账号信息） -->
				<div class="Logout-body none">
					<table id="Logout" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">注销账号（删除账号信息）</th>
						</tr>
						<tr>
							<td class="smallFont">密码</td>
							<td>
								<input type="password" name="passWd" value="" placeholder='请输入密码' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="LogoutBTN">提交</button>
				</div>
				
				
				<!-- admin用户 -->
				<div class="adminNAV-body none">
					<ul class="flexRow">
						<li id="proReleaseFont">发布项目</li>
						<li id="runBatch">跑批</li>
                        <li id="adminQuitFont">退出登录</li>
					</ul>
				</div>
				<!-- 发布项目 -->
				<div class="proRelease-body none">
					<table id="proRelease" class="flexCom">
						<tr>
							<!-- title -->
							<th class="titleFont">发布项目</th>
						</tr>
						<tr>
							<td class="smallFont">项目名称</td>
							<td>
								<input type="text" name="projectName" value="" placeholder='请输入项目名称' />
								<p class="prompt" name="msg1"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">项目金额</td>
							<td>
								<input type="text" name="totalProject" value="" placeholder='请输入项目金额' />
								<p class="prompt" name="msg2"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">项目期限</td>
							<td>
								<input type="text" name="projectDeadline" value="" placeholder='请输入项目期限（天）' />
								<p class="prompt" name="msg3"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">年利率</td>
							<td>
								<input type="text" name="annualInterestRate" value="" placeholder='请输入年利率（小数）' />
								<p class="prompt" name="msg4"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">额外利率</td>
							<td>
								<input type="text" name="extraInterestRate" value="" placeholder='请输入额外利率（小数）' />
								<p class="prompt" name="msg5"></p>
							</td>
						</tr>
						<tr>
							<td class="smallFont">发布时间</td>
							<td>
								<input type="date" name="releaseTime" value="" />
								<p class="prompt" name="msg6"></p>
							</td>
						</tr>
					</table>
					<button class="clickBtn" id="proReleaseBTN">提交</button>
				</div>
				
			</div>
		</div>
		<!-- 主页 -->
		<div class="firstBody" style="border-bottom: 1px solid #ccc;">
			<!-- 主页 -->
			<div class="queryPro-body ">
				<!-- banner -->
				<div class="banner">
					<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2741164472,2018009830&fm=26&gp=0.jpg" alt=""
					 width="100%" height="450px">
				</div>
				<!-- 项目 -->
				<div class="itemInformation">
					<div class="inner">
						<div class="title" style="margin: 20px 0;">
							<span class="name">项目信息</span>
						</div>
						<div class="message" id="message"></div>
						<div class="shoulder" id="shoulderModel">

						</div>
					</div>
				</div>


			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="inner">

				<div class="fotbody" style="padding: 40px 0 100px 0;">
					<div class="fl">
						<p class="footFont">新猿旺P2P理财项目</p>
						<p style="font-size: 12px;color: #B2B2B2;margin-top: 20px;">Copyright 2019-2019 Tencent. All Rights Reserved.</p>
					</div>
					<div class="fr">
						<div class="fr">
							<p class="footFont ">联系客服</p>
							<p class="footFont ">服务热线：18811469270</p>
						</div>
						<img src="images/xyw-erweima-zx.png" alt="" class="fr" width="60px" height="60px" style="margin-right: 10px;">
					</div>
				</div>

			</div>
		</div>
	</body>
</html>
